<script setup lang="ts">
import { MenubarSub, useForwardPropsEmits } from 'reka-ui';
import type { MenubarSubEmits } from 'reka-ui';

interface MenubarSubRootProps {
  defaultOpen?: boolean;
  open?: boolean;
}

const props = defineProps<MenubarSubRootProps>();
const emits = defineEmits<MenubarSubEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
  <MenubarSub
    data-slot="menubar-sub"
    v-bind="forwarded"
  >
    <slot />
  </MenubarSub>
</template>
